<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>order</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/proList.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mygxin.css" />
	</head>
	<body>
		<!----------------------------------------order------------------>
		<div th:replace="~{front/public/topmargin::topbar}"></div>

		<div class="order cart mt">
			<!-----------------site------------------->
			<div class="site">
				<p class="wrapper clearfix">
					<span class="fl">订单确认</span>
					<img class="top" src="../../img/temp/cartTop02.png">
				</p>
			</div>
			<!-----------------orderCon------------------->
			<div class="orderCon wrapper clearfix">
				<div class="orderL fl">
					<!--------h3---------------->
					<h3>收件信息<a href="#" class="fr">新增地址</a></h3>
					<!--------addres---------------->
					<div class="addres clearfix">
						<div class="addre fl on">
							<div class="tit clearfix">
								<p class="fl" th:text="${session.userDefuAddress.getUsername()}">张三1
									<span class="default">[默认地址]</span>
								</p>
								<p class="fr">
									<a href="#">删除</a>
									<span>|</span>
									<a href="#" class="edit">编辑</a>
								</p>
							</div>
							<div class="addCon">
								<p >[[${session.userDefuAddress.getProvinceName()}]]&nbsp;[[${session.userDefuAddress.getCityName()}]]&nbsp;&nbsp;&nbsp;[[${session.userDefuAddress.getAreaName()}]]&nbsp;&nbsp;[[${session.userDefuAddress.getAddress()}]]</p>
								<p th:text="${session.userDefuAddress.getPhone()}">15732570937</p>
							</div>
						</div>
					</div>
					<h3>支付方式</h3>
					<!--------way---------------->
					<div class="way clearfix">
						<img class="on" src="../../img/temp/way01.jpg">
						<img src="../../img/temp/way02.jpg">
						<img src="../../img/temp/way03.jpg">
						<img src="../../img/temp/way04.jpg">
					</div>
					<h3>选择快递</h3>
					<!--------dis---------------->
					<div class="dis clearfix">
						<span class="on">顺风快递</span>
						<span>百世汇通</span>
						<span>圆通快递</span>
						<span>中通快递</span>
					</div>
				</div>
				<div class="orderR fr">
					<div class="msg">
						<h3>订单内容<a href="cart" class="fr">返回购物车</a></h3>
						<!--------ul---------------->
						<ul class="clearfix"  >
							<li class="fl">
<!--								<img src="../../img/temp/order01.jpg">-->
								<img th:src="@{'/files/test/pic/'+${session.product1.getPhoto()}}" width="100" height="100">
							</li>
							<li class="fl">
								<p th:text="${session.product1.getName()}">创意现代简约干花花瓶摆件</p>
								<p th:text="${session.product1.getDescription()}">颜色分类：烟灰色玻璃瓶</p>
								<p >数量：[[${session.product1.getQuantity()}]]</p>
							</li>
							<li class="fr" >￥[[${session.product1.getPrice()}]].00</li>
						</ul>
<!--						<ul class="clearfix">-->
<!--							<li class="fl">-->
<!--								<img src="../../img/temp/order02.jpg">-->
<!--							</li>-->
<!--							<li class="fl">-->
<!--								<p>创意现代简约干花花瓶摆件</p>-->
<!--								<p>颜色分类：烟灰色玻璃瓶</p>-->
<!--								<p>数量：1</p>-->
<!--							</li>-->
<!--							<li class="fr">￥69.90</li>-->
<!--						</ul>-->
					</div>
					<!--------tips---------------->
					<div class="tips">
						<p><span class="fl">商品金额：</span><span class="fr">￥[[${session.product1.getPrice()}*${session.product1.getQuantity()}]].00</span></p>
						<p><span class="fl">优惠金额：</span><span class="fr">￥0.00</span></p>
						<p><span class="fl">运费：</span><span class="fr">免运费</span></p>
					</div>
					<!--------tips count---------------->
					<div class="count tips">
						<p><span class="fl">合计：</span><span class="fr">￥[[${session.product1.getPrice()}*${session.product1.getQuantity()}]].00</span></p>
					</div>
					<!--<input type="button" name="" value="去支付"> -->
<!--					<a href="ok" class="pay" >去支付</a>-->
					<a class="pay" id="createOrder">去支付</a>
				</div>
			</div>
		</div>
		<!--编辑弹框-->
		<!--遮罩-->
		<div class="mask"></div>
		<div class="adddz editAddre">
			<form action="#" method="get">
				<input type="text" placeholder="姓名" class="on" />
				<input type="text" placeholder="手机号" />
				<div class="city">
					<select name="">
						<option value="省份/自治区">省份/自治区</option>
					</select>
					<select>
						<option value="城市/地区">城市/地区</option>
					</select>
					<select>
						<option value="区/县">区/县</option>
					</select>
					<select>
						<option value="配送区域">配送区域</option>
					</select>
				</div>
				<textarea name="" rows="" cols="" placeholder="详细地址"></textarea>
				<input type="text" placeholder="邮政编码" />
				<div class="bc">
					<input type="button" value="保存" />
					<input type="button" value="取消" />
				</div>
			</form>
		</div>
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart">
			<dl>
				<dt><img src="../../img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="../../img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin">
			<dl>
				<dt><img src="../../img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none;">
			<dl>
				<dt><img src="../../img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/sweetalert.min.js"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/user.js" type="text/javascript" charset="utf-8"></script>
	</body>
<script>
	$('#createOrder').click(function () {
		$.ajax({
			type: 'POST',
			url: '/front/createOrderBuyNow',
			contentType: 'application/json',
			// data: JSON.stringify(cartIds),
			success:function (result) {
				if (result.code == 1){
					console.log("确认订单页面")
					// location.reload();
					// location.href='/front/ok';
					location.href='/alipay/pay';
				}else {
					// alert("密码错误")
					swal({
						title: '温馨提示',
						icon: 'warning',
						text: result.message,
						button: {
							text: "确认",
							value: true,
						}
					}).then(function (isok) {
						if (isok) {
							location.reload();
						}
					})
				}
			}

		});

	})
</script>

</html>
